<template>
	<el-tabs type="card" @tab-click="handleClick" :model-value="name" style="background-color: #FFF;">
		<el-tab-pane v-for="(item,index) in value" :key="index" :label="item.label" :name="item.value">

		</el-tab-pane>
	</el-tabs>
</template>
<script>
	import {
		reactive,
		toRef,
		ref,
		computed

	} from 'vue';
	export default {
		props: {
			value: {
				type: Array,
				default: () => {
					return []
				}
			},
			name: {
				type: null,
				default: 0
			}
		},
		setup(props, ctx) {
			const handleClick = (value) => {
				console.log(">>>>>>>>value>>>>>>>>>>111", value.paneName)
				ctx.emit("changeTab", value.paneName)
			}
			return {
				handleClick
			}
		}
	}
</script>